<template>
  <div class="app">
    <h1>欢迎您的观看！</h1> 
    <!-- 如果使用一个组件，那么属性值的设置优先设置给子组件的props属性 -->
    <videoplayer src='https://video.pearvideo.com/mp4/short/20211204/cont-1558335-15801442-hd.mp4'></videoplayer>
  </div>
</template>

<script>
import Vue from 'vue'
Vue.config.productionTip=false
import videoplayer from './components/videoplayer.vue'
export default{
  components:{
    videoplayer
  }
}

</script>

<style>
*{
  padding: 0;
  margin: 0;
}
h1{
  width: 20%;
  height: 50px;
  margin: 0 auto;
  line-height: 50px;
  margin: 0 auto;
  font-weight: 400;
  text-align: center;
}
</style>